<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>访谈记录管理</title>
    <link rel="stylesheet" href="./css/layout.css">
    <link rel="stylesheet" href="./css/interview_record_management.css">
</head>
<body>
    <div class="root">
        <div class="header">
            <a href="./index.html">
                <img src="images/logo.png" alt="">
                <span>学生心理预警系统</span>
            </a>
        </div>
        <div class="banner">
            <div class="nav"></div>
            <div class="content">
                <div class="pos">访谈记录管理</div>
                <form action="" name="">
                    <div class="formsty">
                        <div class="inputsty">
                            <label for="">姓名：</label><input type="text" id="">
                            <label for="">学号：</label><input type="text" id="">
                            <label for="">学院：</label><select name="" id="">
                                <option value="">计算机学院</option>
                                <option value="">软件学院</option>
                                <option value="">信息学院</option>
                                <option value="">网络学院</option>
                            </select>
                        </div>
                        <div class="inputsty">
                            <label for="">班级：</label><select name="" id="">
                                <option value="">计算机学院</option>
                                <option value="">软件学院</option>
                                <option value="">信息学院</option>
                                <option value="">网络学院</option>
                            </select>
                            <label for="">辅导员：</label><select name="" id="">
                                <option value="">谭德政</option>
                            </select>
                            <label for="">咨询时间：</label><input type="date" id="">
                            <span>-</span>
                            <input type="date" name="" id="" style="margin-left: 0;">
                        </div>
                    </div>
                    <div class="btnsty">
                        <button>搜索</button>
                        <button>新增咨询记录</button>
                        <button>导入咨询记录</button>
                    </div>
                </form>
                <form action="" name="">
                    <table>
                        <tr>
                            <th>学号</th>
                            <th>姓名</th>
                            <th>院系</th>
                            <th>班级</th>
                            <th>咨询主题</th>
                            <th>访谈老师</th>
                            <th>是否预警</th>
                            <th>咨询时间</th>
                            <th>操作</th>
                        </tr>
                        <tr>
                            <td>20170101</td>
                            <td>李明</td>
                            <td>计算机学院</td>
                            <td>22软工专升本1班</td>
                            <td>人际关系</td>
                            <td>谭德政</td>
                            <td>是</td>
                            <td>2024年6月25日</td>
                            <td class="opera">
                                <button>查看</button>
                                <button>编辑</button>
                            </td>
                        </tr>
                        <tr>
                            <td>20170101</td>
                            <td>李明</td>
                            <td>计算机学院</td>
                            <td>22软工专升本1班</td>
                            <td>人际关系</td>
                            <td>谭德政</td>
                            <td>否</td>
                            <td>2024年6月25日</td>
                            <td class="opera">
                                <button>查看</button>
                                <button>编辑</button>
                            </td>
                        </tr>
                        <tr>
                            <td>20170101</td>
                            <td>李明</td>
                            <td>计算机学院</td>
                            <td>22软工专升本1班</td>
                            <td>人际关系</td>
                            <td>谭德政</td>
                            <td>否</td>
                            <td>2024年6月25日</td>
                            <td class="opera">
                                <button>查看</button>
                                <button>编辑</button>
                            </td>
                        </tr>
                        <tr>
                            <td>20170101</td>
                            <td>李明</td>
                            <td>计算机学院</td>
                            <td>22软工专升本1班</td>
                            <td>人际关系</td>
                            <td>谭德政</td>
                            <td>否</td>
                            <td>2024年6月25日</td>
                            <td class="opera">
                                <button>查看</button>
                                <button>编辑</button>
                            </td>
                        </tr>
                        <tr>
                            <td>20170101</td>
                            <td>李明</td>
                            <td>计算机学院</td>
                            <td>22软工专升本1班</td>
                            <td>人际关系</td>
                            <td>谭德政</td>
                            <td>否</td>
                            <td>2024年6月25日</td>
                            <td class="opera">
                                <button>查看</button>
                                <button>编辑</button>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </div>
    <script src="./navcode.js"></script>
</body>
</html>